<!DOCTYPE html> <html class="ui-mobile>
<head>
    <base href="http://www.server.com/app-name/path/">
    <meta charset="utf-8"> <title>Page Header</title> 
    <meta content="width=device-width, initial-scale=1" name="viewport"> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <link href="css/mobiscroll-1.5.3.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/styles.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.mobile.js"></script>
    <script type="text/javascript" src="js/search.js"></script>
    <script type="text/javascript" src="js/mobiscroll-1.5.3.js"></script>   
</head>
<body class="ui-mobile-viewport">
	 
    <div data-role="page" id="searchContent" data-title="Contact" data-add-back-btn="false" data-icon="arrow-l" data-back-btn-text="Back">
      <div data-role="header" data-theme="b" data-position="fixed"> 
      	<h1>Búsqueda</h1>
      </div>
      <div class="ui-content" data-role="content" role="main" > 
      	<form id="crossSearchForm">
             <div id="fieldContent" data-role="fieldcontain">
               
                <input type="text" name="custom" id="element1" class="mobiscroll" value="" placeholder="Medicamento1"/>
            </div>
             <div id="fieldContent" data-role="fieldcontain">
                
                <input type="text" name="custom" id="element2" class="mobiscroll" value="" placeholder="Medicamento2"/>
            </div>
      	</form>    
      
       <a href="#resultContent" data-role="button" id="crossSearchButon">Buscar</a>
      </div>

  		<div data-role="footer" data-position="fixed" class="tabbar" data-id="main-tabbar">
          <div data-role="navbar" class="tabbar"> 
              <ul>
                <li><a id="home" href="initPage.html" data-icon="home" data-transition="none" class="ui-state-persist">Home</a></li> 
                <li><a id="search" href="#searchContent" data-icon="search" data-icon="custom" class="ui-btn-active">Búsqueda</a></li> 
                <li><a id="info" href="#" data-icon="info" data-icon="custom">Informacion</a></li>
              </ul>   
          </div>
     	</div>           
	</div>
    
    
    
     <div id="resultContent" class="ui-page ui-body-c" data-role="page">
      	<div class="ui-content" data-role="content" role="main" > 
            <ul id="customList" data-role="listview" data-theme="d" data-inset="true">
            	<li id="titleListWithAction">
                	<div>
                		<a href="#searchContent" data-role="button" data-direction='reverse'  data-icon="arrow-l" data-iconpos="notext"></a>
                		<h3>Búsqueda cruzada</h3>
            		</div>
                </li> 
                <li id="firstSelection">
                	Ipermacitoma
                </li>
                <li id="secondSelection">
                	Cistonia
                </li>
            	<li id="headerTitleList" data-role="list-divider">
                	Iteraciones farmacológicas cruzadas
                </li>
				<li>
                    <div>La ipermacitoma incrementa el riesgo de ataques a la nave imperial si se toman antidepresivos</div>
                    <div>Si se convina con IMAQ, los riesgos de causar un Fus roh dah se multiplican por 5</div>
                    <div>Nunca se debe mezclar los mentos con la cocacola, mala idea. Tendras problemas intestinales y tendrás que usar diario de Crohn. Nada recomendado.</div>
                </li> 
               
			</ul>
     	</div>
     </div>
    
    
    


</body>
</html>
